// 分类列表header-nav
import { getCategory } from '@/api/home.js'
const category = {
  namespaced: true, // 开启命名空间,才算真正意义上的模块化
  state: () => ({
    categoryList: []// 分类列表
  }),
  mutations: {
    // vuex唯一可以修改数据的方法  同步
    setCategoryList(state, list) {
      // 将从发送后端请求的后拿到的数据存到vux中
      state.categoryList = list
    }
  },
  actions: {
    // 包含异步请求函数
    async asyncGetCategoryList(ctx) {
      // 1.调用接口  获取分类列表
      const res = await getCategory()
      // 调用mutations存入数据
      // 2. 将获取到的分类列表,传值给setCategoryList
      ctx.commit('setCategoryList', res.result)
      // 3.去一个合适的业务组件中  触发当前action函数让流程跑起来
    }
  },
  getters: {}
}
export default category
